<template>
    <div class="content">
        <el-table class="mt20" :data="tableData" border v-loading="form.loading" style="width: 100%;font-size: 16px;">
            <el-table-column type="index" :index="indexMethod" label="序号" width="60" />
            <el-table-column prop="title" label="费用名称" />
            <el-table-column prop="unit" label="单位" />
            <el-table-column prop="price" label="费用"  />
            <el-table-column prop="sum" label="数量"  />
            <el-table-column prop="total" label="合计" />
            <el-table-column prop="remarks" label="备注" />
        </el-table>
    </div>

</template>

<script lang="ts" setup>
import { ref,onMounted } from 'vue'
// import http from '../../../util/request';
const indexMethod = (index: number) => {
  return index+= 1
}
const form = ref<any>({search:'',is_main:1,page:0,current:0,total:10,limit:20,loading:false,parentBorder:false})
interface Data {
    id: number
    title: string
    unit: string
    price: number
    sum: number
    total: string
    remarks: string
}
const tableData = ref<Data[]>([])

const onGetData = () => {
    // form.value.page = 0;
    // form.value.loading = true
    // http.post('/reimburse',form.value).then((response:any)=>{
    //     form.value.loading = false
    //     tableData.value = response.data.data
    //     form.value.total = response.data.total
    // })
}


onMounted(()=>{
    onGetData()
})

</script>

<style scoped>

</style>